<%--
  Created by IntelliJ IDEA.
  User: asd73
  Date: 2017/9/21
  Time: 18:50
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>to do list</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" ><%--引入css文件--%>
    <script type="text/javascript" src="js/jquery.js"></script><%--引入js文件--%>
    <script type="text/javascript" src="js/todolist.js"></script>
</head>
<%--自定义HTML结构--%>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-5">
                <form action="" id="todoForm">
                    <lable for="">将下面输入的文字放入todo list中！</lable><%--定义lable提示文字--%>
                    <input type="text" id="todoInput" class="form-control" />
                </form>
                <%--p装填条目宗总数--%>
                <p id="todoCount"></p>
                <%--用ol来记录TODOlist列表，用ol的原因是ol是有序列表，
                当删除了一个元素后，元素的顺序还会重新计算--%>
                <ol id="todoList"></ol>
            </div>
        </div>
    </div>

    <%--<script src="js/todolist.js"></script>--%><%--//引入自定义的js文件--%>
</body>
</html>
